<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>移动端的跨域</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css"  rel="stylesheet" type="text/css"/>
		<script src="js/mui.min.js" type="text/javascript"></script>
		<!--<script src="js/mui.jsonp.js"></script>-->
		<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
		<script src="js/showPic.js" type="text/javascript"></script>
		<script src="js/showText.js" type="text/javascript"></script>
		<script src="js/URL.js"></script>
		<script>
//			var url3 = "https://api.douban.com/v2/book/1220562";
//			var url = 'http://encounter.christmas023.space/json.php?name=mavis&age=18';
//			var url2="http://192.168.0.167/appapi/";
			mui.ajax({
					url: apiUrl,
//					dataType: 'jsonp',
//					processData: false,
					type: 'get',
					success: function(data) {
						alert(data);
						var pic=$(".pic");
						var mysrc=new Array("img/menu_ico01.png","img/menu_ico02.png");
						//循环展示图片
						showPic.picList(pic,data);
						var txtDOM=$(".txt");
                        var txtSrc=["我是文本一","我是文本2"];
                        showText.textList(txtDOM,txtSrc);

					},
					error: function(XMLHttpRequest, textStatus, errorThrown) {
						alert(XMLHttpRequest.status);
						alert(XMLHttpRequest.readyState);
						alert(textStatus);
					}
				});
		</script>
	</head>
	
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">标题</h1>
		</header>
		<div class="mui-content">
		    <ul class="mui-table-view mui-grid-view">
		    <li class="mui-table-view-cell mui-media mui-col-xs-6">
		        <a href="#">
		            <img class="mui-media-object pic"  id="pic1">
		            <div class="mui-media-body txt"></div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-6">
		        <a href="#">
		            <img class="mui-media-object pic"  id="pic2">
		            <div class="mui-media-body txt"></div>
		        </a>
		    </li>
		</ul>
		</div>
		
	</body>
</html>
